@import '../../ui/base'

.select
  border 0
  background-color transparent
  height 30px
  width 100%
  outline 0
    

.root
  max-width 100%
  width 300px
  font-size 12px
  position relative
  height 26px
  &::before
  &::after
    position absolute
    right 5px
    top 4px
    z-index 10
  &::before
    content ''
    width 0
    height 0
    border-style solid
    border-width 0 3px 5px 3px
    border-color transparent transparent #bbb transparent
    top 50%
    margin-top -4px
  &::after
    content ''
    width 0
    height 0
    border-style solid
    border-width 5px 3px 0 3px
    border-color #bbb transparent transparent transparent
    margin-top 2px
    top 50%
  select
    border 1px solid #d5e1eb
    -webkit-appearance none
    width 100%
    color $font-color
    background transparent
    border-radius 0
    height 30px
    line-height 30px
    outline none
    padding 0 5px
    position absolute
    z-index 1
    &[disabled]
      color #bbb

.required
  position absolute
  right 0
  margin-right -62px
  background-color #ced8e2
  color #fff
  width 39px
  height 18px
  line-height 18px
  text-align center
  font-size 12px
  top 5px
